<template>
    <div class="renz_info">
		<div class="header">
			<van-nav-bar
				title="企业认证"
                left-arrow
				/>
		</div>
        <div class="renz_con">
            <h3>企业名称</h3>
            <van-field
                readonly
                clickable
                class="inpone"
                disabled
                :value="jname"
                placeholder="请选择机构名称"
                @click="showPicker = true"
            />
            <!-- <input type="text" placeholder="请输入和营业执照一致的企业名称"> -->
            <h3>企业职能（可多选）</h3>
            <p><button>分类收集</button><button>分类运输</button><button>分类处理</button></p>
            <h3>上传企业证件</h3>
            <div class="uploader_img">
                <img src="../../assets/zhizhao1.png">
                <img src="../../assets/zhizhao1.png">
            </div>
            <div class="uploader_img">
                <img src="../../assets/zhizhao1.png">
                <img src="../../assets/zhizhao1.png">
            </div>
            <div class="uploader_img">
                <img src="../../assets/zhizhao1.png">
                <img src="../../assets/zhizhao1.png">
            </div>
            <p style="color:red; font-size:0.76rem;float:left;margin:0 5%;">注：认证成功后不可修改</p>
        </div>
	</div>
</template>
<script>
export default {
    data() {
        return {
            idPositive: [],
            idReverse:[],

            jname: '',
            showPicker: false,
            columns: ['机构名称1', '机构名称2', '机构名称3', '机构名称4'],
        }
    },
    mounted:function(){
        
    },
    methods:{
        afterReadPositive(file) {
            const that = this;
            let formData = new FormData();
            formData.append("fileName",file.file);
            that.$sendFileRequest('/comm/upload',formData).then(function(res){
                if(res.data.code ==0){
                    that.idPositiveUrl = res.data.result.relativeFilePath;
                    alert(that.idPositiveUrl)
                }
            })
        },
        afterReadReverse(file) {
            const that = this;
            let formData = new FormData();
            formData.append("fileName",file.file);
            that.$sendFileRequest('/comm/upload',formData).then(function(res){
                if(res.data.code ==0){
                    that.idReverseUrl = res.data.result.relativeFilePath;
                    alert(that.idReverseUrl)
                }
            })
        },
        onConfirm(value) {
          this.jname = value;
          this.showPicker = false;
          console.log(this.jname);
      },
    }
}
</script>
<style scoped="scoped">
    .clear{
        clear: both;
    }
    .renz_info{
        height: 100vh;
        background-color: #fff;
    }
	.header>>>.van-cell__title{
		  width: 63px !important;
	}
	.header >>> .van-icon-arrow-left{
		color: #fff;
	}
    .van-nav-bar__title{
        color: #fff;
    }
    .renz_con{
        width: 100vw;
        box-sizing: border-box;
        padding:2vh 2vw;
    }

    .renz_con input{
        width: 88%;
        height: 6vh;
        border: 1px solid #999999;
        border-radius: 4px;
        padding: 0 2%;
        margin-bottom: 2vh;
        font-size: 0.8rem;
    }
    .renz_con .inpone{
        width: 92%;
        height: 6vh;
        border: 1px solid #999999;
        border-radius: 4px;
        margin-bottom: 2vh;
        margin-left: 4%;
        font-size: 0.8rem;
    }
    .renz_con h3{
        margin: 0 2%;
        font-size: 0.98rem;
        text-align: left;
    }
    .renz_con p{
        margin: 1.5vh 1%;
        font-size: 1rem;
        text-align: left;
        display: flex;
        justify-content: space-around;
    }
    .renz_con p button{
        width: 28%;
        height: 5.5vh;
        border: 1px solid #999999;
        border-radius: 4px;
        padding: 0 2%;
        font-size: 0.8rem;
        color: #999;
        background-color: #fff;
    }
    
    .uploader_img{
		height: 14vh;
		display: flex;
		justify-content: space-between;
		margin: 12px;
        margin-top: 1vh;
	}
    .uploader_img img{
        background-size: cover;
	    height: 100%;
        width: 48.5%;
        overflow: hidden;
    }
    .renz_foot{
        width: 100%;
        position:fixed;
        bottom: 0;
    }
    .renz_foot >>>.van-button{
        width: 100%;
    }
</style>

